﻿{extend name='common' /}

{block name='content'}

<!--轮播图-->
<div class="index-banner slider-box rel">
    <div class="slider clear rel">
        <div class="item" style="z-index:3;">
            <a href="/goods/27.html" style=" background:url(__ZHOME__/images/20170508xoprne.jpg) center;"></a>
        </div>
        <div class="item" >
            <a href="/goods/28.html" style=" background:url(__ZHOME__/images/20160908cdrswo.jpg) center;"></a>
        </div>
        <div class="item" >
            <a href="/goods/23.html" style=" background:url(__ZHOME__/images/20160908aoxwfb.jpg) center;"></a>
        </div>
        <div class="item" >
            <a href="/goods/29.html" style=" background:url(__ZHOME__/images/20161123tzswot.jpg) center;"></a>
        </div>
        <div class="item" >
            <a href="/goods/30.html" style=" background:url(__ZHOME__/images/20160908vlyhsc.jpg) center;"></a>
        </div>

    </div>
    <div class="options tc">
        <i class="dib icon-circle focus"></i>
        <i class="dib icon-circle "></i>
        <i class="dib icon-circle "></i>
        <i class="dib icon-circle "></i>
        <i class="dib icon-circle "></i>
        <!-- <i class="dib icon-circle"></i>
<i class="dib icon-circle"></i>
-->
    </div>
</div>
<!--轮播图结束-->
<div class="services">
    <ul class="center clear">
        <li class="fl f18"><i class="icon-bgr1 icon-top1 m-r-16"></i>专属定制服务</li>
        <li class="fl f18"><i class="icon-bgr1 icon-top2 m-r-16"></i>激光镭雕工艺</li>
        <li class="fl f18"><i class="icon-bgr1 icon-top3 m-r-16"></i>免费代写贺卡</li>
        <li class="fl f18"><i class="icon-bgr1 icon-top4 m-r-16"></i>精心专业设计</li>
    </ul>
</div>
<!--轮播图下面-->

<div class="index-list bg-f5f5f5">
    <div class="center f0"></div>

    <!--商品分类展示-->
    <div class="center m-t-60">
        <div class="second-title index-child">
            <h3 class="f-666 f20 fn dib fl" style="background-color:#f5f5f5;">科技达人</h3>
            <!--<a class="fr f16" style="background-color:#f5f5f5;" href="">查看更多</a>-->
        </div>

        <div class="index-content clear m-t-28">
            <div class="topic fl">
                <a href="/goods/26.html" target="_blank">
                    <img width="230" height="567" alt="" src="__ZHOME__/picture/index_32(54561).jpg"/>
                </a>
            </div>
            <ul class="fr">
                {foreach $teGoodsData as $v}
                    <li class="tc fl m-l-12" style="margin-bottom: 10px">
                        <a href="/goods/{$v['gid']}.html" target="_blank"></a>
                        <a href="/goods/{$v['gid']}.html" target="_blank">
                            <img width="160" height="160" alt="" src="{$v['cover']}"/>
                        </a>
                        <p class="lh1 m-t-20">
                            <a href="/goods/{$v['gid']}.html" target="_blank">{$v['gname']}</a>
                        </p>
                        <p class="lh1 m-t-15">￥{$v['gprice']}</p>
                    </li>
                {/foreach}
            </ul>
        </div>
    </div>

    <div class="center m-t-60">
        <div class="second-title index-child">
            <h3 class="f-666 f20 fn dib fl" style="background-color:#f5f5f5;">时尚潮流</h3>
        </div>

        <div class="index-content clear m-t-28">
            <div class="topic fl">
                <div class="topic fl">
                    <a href="/goods/23.html" target="_blank">
                        <img width="230" height="567" alt="" src="__ZHOME__/picture/index_32(5456).jpg"/>
                    </a>
                </div>
            </div>
            <ul class="fr">
                {foreach $shGoodsData as $v}
                    <li class="tc fl m-l-12" style="margin-bottom: 10px">
                        <a href="/goods/{$v['gid']}.html" target="_blank"></a>
                        <a href="/goods/{$v['gid']}.html" target="_blank">
                            <img width="160" height="160" alt="" src="{$v['cover']}"/>
                        </a>
                        <p class="lh1 m-t-20">
                            <a href="/goods/{$v['gid']}.html" target="_blank">{$v['gname']}</a>
                        </p>
                        <p class="lh1 m-t-15">￥{$v['gprice']}</p>
                    </li>
                {/foreach}
            </ul>
        </div>
    </div>

    <!--商品分类展示-->
    <div class="center m-t-60">
        <div class="second-title index-child">
            <h3 class="f-666 f20 fn dib fl" style="background-color:#f5f5f5;">创意礼物</h3>
        </div>

        <div class="index-content clear m-t-28">
            <div class="topic fl">
                <div class="topic fl">
                    <a href="/goods/22.html" target="_blank">
                        <img width="230" height="567" alt="" src="__ZHOME__/picture/index_36(9670).jpg"/>
                    </a>
                </div>
            </div>
            <ul class="fr">
                {foreach $cyGoodsData as $v}
                    <li class="tc fl m-l-12" style="margin-bottom: 10px">
                        <a href="/goods/{$v['gid']}.html" target="_blank"></a>
                        <a href="/goods/{$v['gid']}.html" target="_blank">
                            <img width="160" height="160" alt="" src="{$v['cover']}"/>
                        </a>
                        <p class="lh1 m-t-20">
                            <a href="/goods/{$v['gid']}.html" target="_blank">{$v['gname']}</a>
                        </p>
                        <p class="lh1 m-t-15">￥{$v['gprice']}</p>
                    </li>
                {/foreach}
            </ul>
        </div>
    </div>

</div>
<!--轮播图下面结束-->

<div class="toolbars tc" id="back_to_top">
    <a href="http://wpa.qq.com/msgrd?v=3&uin=1677658490&site=qq&menu=yes" class="ani-bg"><i class="icon-bgr icon-qq"></i></a>
    <a href="javascript:void(0)" class="ani-bg m-t-10"><i class="icon-bgr icon-totop"></i></a>
</div>

{/block}

{block name='footer'}

<script>

    (function($){
        var $window = $(window),$totop = $("#back_to_top");
        $window.scroll(function(){
            winTop();
        });
        function winTop(){
            if($window.scrollTop()<100){
                $totop.stop().fadeOut(300);
            }else{
                $totop.stop().fadeIn(300);
            }
        }
        winTop();
    })(jQuery);
    $(".slider").slider({animate_type:"fade"});
</script>

{/block}